<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#box{
				width:250px;
				height:60px;
				border: 1px solid red;
				margin:0 auto;
				text-align: center;
				line-height: 60px;
				font-family: "微软雅黑";
				font-size: 36px;
			}
		</style>
	</head>
	<body>
		请按空格键
		<div id="box">新马泰十年游</div>
		<script type="text/javascript">
			//随机数如何设定范围（封装函数）
			function getrandom(min,max){//min 1  max 5
				return Math.floor(Math.random()*(max-min+1)) + min;
			}
			//document.write(getrandom(1,5));//随机产生1-5之间的数字，包括1和5
			
			var arr=['宝马汽车','凤凰自行车','冰箱','苹果手机','洗衣粉','谢谢惠顾','新马泰十年游'];
			var oBox=document.getElementById('box');
			var timer=setInterval(function(){
				oBox.innerHTML=arr[getrandom(0,arr.length-1)];
			},5);
			var bstop=true;
			document.onkeydown=function(ev){//ev:事件对象。 
				//alert(ev.keyCode);//获取键盘的编码
				if(ev.keyCode==32 && bstop==true){
					clearInterval(timer);
					bstop=false;
				}else{
					timer=setInterval(function(){
						oBox.innerHTML=arr[getrandom(0,arr.length-1)];
					},5);
					bstop=true;
				}
			};
			
		</script>
	</body>
</html>
